<div ng-controller="menuCtrl">
    <!-- header  2018-03-05 15.16-->
    <div class="app-header navbar">
        <ui-header></ui-header>
    </div>
    <!-- endheader -->

    <!-- menu -->
    <div data-ng-include=" '../src/tpl/aside.html' " class="app-aside hidden-xs {{app.settings.asideColor}}">
    </div>
    <!-- / menu -->

    <!-- content -->
    <div class="app-content">
        <div ui-butterbar></div>
        <a href class="off-screen-toggle hide" ui-toggle-class="off-screen" data-target=".app-aside"></a>
        <div class="app-content-body fade-in-up" ui-view></div>
    </div>

    <!-- endcontent -->

    <!-- footer -->
    <div class="app-footer wrapper b-t bg-light" id="app-footer">
        <span class="pull-right">{{app.version}} <ui-scroll class="m-l-sm text-muted curpoint"><i class="fa fa-long-arrow-up"></i></ui-scroll></span> 
        Copyright &copy; 2017, All Rights Reserved Powered By Danyang Hurricane Logistics Co.,Ltd.
        <script src="https://s19.cnzz.com/z_stat.php?id=1273007496&web_id=1273007496" language="JavaScript"></script>
    </div>
    <div ng-show="commissT" data-ng-include=" '../src/tpl/talkbox.html' " class="talk_platform">
    </div>
    <div>
        <tms-car-recommend ng-if="tcr_startAddress" start-address="tcr_startAddress" end-address="tcr_endAddress" start-city-code="tcr_startCityCode" end-city-code="tcr_endCityCode"></tms-car-recommend>
    </div>
    <!--<script src="../dist/src/controllers/rongyun/rongyunController.js"></script>-->
    <!-- / footer -->



    <!--左侧二维码和意见反馈-->
    <div id="rightArrow"><a href="javascript:;" title=""></a></div>
    <div id="floatDivBoxs">
        <!-- 显示二维码和意见反馈-->
        <a data-toggle="modal" data-target="#opinionFeed" title="意见反馈" type="button" class="modal-feedBack"  ng-click="addFeedback()"></a> 
        <a type="button" class="modal-erweima" title="二维码"></a>  
    </div>

    <!-- 二维码 -->
    <div class="erweimaShow">
        <div class="erweima-header">智运通APP</div>
        <div class="erweima-body"></div>
    </div>

    <!-- 意见反馈弹窗 -->
    <div class="modal fade bs-example-modal-lg" id="opinionFeed" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
        <div data-ng-include="'../src/tpl/page_opinion_feedback.html'"  class="modal-dialog modal-lg">
            
        </div>
    </div>
     <!--左侧二维码和意见反馈-->


     <!-- 页面缩放 -->
    <div id="zoomModal">
        <div class="zoomCont">
            <img src="../../src/img/zoomBg.png" class="img-full zoomBg" alt="..."> 
            <div class="zoomButt"></div>
            <div class="zoomClose"></div>
        </div>
    </div>
    <!-- 页面缩放 -->


    <!-- 更新内容提示 -->
    <div id="updateContent">
        <div class="updateCont_tit">
            智运通3.15更新内容
            <!-- <a id="updateCont_img"><i class="glyphicon glyphicon-remove"></i></a> -->
            <a id="updateCont_img"><i class="downIcon"></i></a>
        </div>
        <div class="updateCont_cont">
            <ul>
                <li ng-repeat="x in updateCont">{{x}}</li>
            </ul>
        </div>
    </div>

    <!-- 更新内容提示 -->

    



</div>

<style>
    #floatDivBoxs{width:112px;height:50px;position:fixed;bottom:50px;left:150px}
    #rightArrow{width:51px;height:50px;position:fixed;bottom:50px;left:149px;z-index:101;background:url(../src/img/menu-right2.png) #141E27 center  no-repeat;}
    #rightArrow a{
        display:block;
        height:50px;
        width:51px
    }


    #floatDivBoxs a{
        width:51px;
        height: 50px;
        display: block;
        float: left;
        border-right:1px solid #1D2B36
    }

    #floatDivBoxs .modal-erweima{
        left:98px;
        position:fixed;
        z-index: 100;
        background:url(../src/img/menu-erweima.png) #141E27 center  no-repeat;
    }

    #floatDivBoxs .modal-feedBack{
        position:fixed;
        left:47px;
        z-index: 100;
        background:url(../src/img/menu-modalFeedBack.png) #141E27 center  no-repeat;
    }
    .erweimaShow{
        position: fixed;
        bottom:100px;
        left: 48px;
        width:154px;
        height:194px;
        z-index: 100;
        border:2px solid #fff;
        display: none
    }
    .erweima-header{
        float: left;
        height: 40px;
        width:100%;
        line-height: 40px;
        font-size:18px;
        font-weight: 600 ;
        text-align: center;
        color:#fff
    }
    .erweima-body{
        float: left;
        width:150px;
        height:150px;
        background:url(../src/img/menu-tmsErweima.jpg) center  no-repeat;
    }
    .menu-feedBackTit{
        font-size: 16px;
    }

    #opinionFeed{
        color: #000
    }
    .modal_opinionFeedTit{
        float: left;
        padding-left: 15px;
        line-height: 34px
    }
    .modal_opinionDetailCont{
        height: 100px;
        width:97%;
        resize: none
    }
    .opinionFeedBack table,.opinionFeedBack table thead ,.opinionFeedBack table thead tr{
        display: block;
        overflow-x: hidden;
        width: 100%
    }
    .opinionFeedBack table thead tr th{
        display: block;
        float: left;
        width:20%;
        text-align: center
    }
    .opinionFeedBack table tbody,.opinionFeedBack table tbody tr {
        display: block;
        float: left;
        width: 100%
    }
    .opinionFeedBack table tbody tr td{
        display: block;
        float: left;
        width:20%;
        height: auto;
        text-align: center
    }
    .opinionFeedBack table tbody tr td strong{
        word-wrap: break-word;
    }

    #zoomModal{
        display: none;
        position: fixed;
        left: 50%;
        top:50%;
        /* margin-left: -10%;
        margin-top: -7%; 
        width: 26.66%; */
        padding: 0px !important;
        z-index: 1200;
        /* border: 1px solid red; */
        background-color: #fff;
    }
    .zoomCont{
        width: 100%;
        height: 100%
    }

    .zoomBg{
        height: 100%;
        width: 100%;
        display: block
    }

    .zoomButt{
        position: absolute;
        border-radius: 8%;
        cursor: pointer;
        width:22%;
        height: 12%;
        left: 39%;
        bottom: 13.8%;
        /* border: 1px solid red; */
    }

    .zoomClose{
        position: absolute;
        cursor: pointer;
        top: 3%;
        left:94%;
        width: 4%;
        height:7%;
        /* border: 1px solid red; */
    }


    #updateContent{
        position: fixed;
        /* display: none; */
        /* bottom: -505px; */
        bottom:-151px;
        right: 14px;
        width: 16%;
        z-index: 1005;
        border:1px solid #E6E6E6;
        box-shadow: 0px 0px 5px #EDF1F2;
        background-color: #fff
    }

    .updateCont_tit{
        float: left;
        width: 100%;
        height:30px;
        line-height: 30px;
        padding-left:30px;
        background-color: #10A8FE;
        color: #fff
    }
    .updateCont_tit a{
        width:20px;
        height: 20px;
        margin-top: 5px;
        margin-right: 15px;
        float: right;
        display: block;
        border-radius: 20px;
        /* 添加向上向下 */
        background:url(../src/img/upArrow.png) center  no-repeat;
    }
    /* #updateContent a:hover{
        background-color: #ccc !important
    } */

    #updateCont_img i{
        width:20px;
        text-align: center;
        color:#fff;
        font-size: 15px;
        top: -2px;
        line-height: 20px
    }

    .updateCont_cont{
        float: left;
        width: 100%;
    }
    .updateCont_cont ul{
        padding-left: 20px;
        margin-bottom: 15px;
        display: block
        /* height: 360px */
    }
    .updateCont_cont ul li{
        padding-top: 15px;
    }



</style>